<!DOCTYPE html>
<html lang="en">

	<head><link rel="shortcut icon" href="http://likexia.gitee.io/tools/lib/img/h5.png" type="image/x-icon">
		<meta charset="UTF-8">
		<title>Document</title>
		<script type="text/javascript">
			(function() {
				var w = window.screen.width;
				var targetW = 750;
				var scale = w / targetW; //当前尺寸/目标尺寸
				var meta = document.createElement("meta");
				meta.name = "viewport";
				meta.content = "user-scalable=no,initial-scale=" + scale + ",minimum-scale=" + scale + ",maximum-scale=" + scale + ""
				document.head.appendChild(meta);
			})();
		</script>
		<style type="text/css">
			body {
				margin: 0;
			}
			div {
				width: 80px;
				height: 100px;
				float: left;
			}
			.box1 {
				background: red;
			}
			.box2 {
				background: blue;
			}
			.box3 {
				background: green;
			}
			.box4 {
				background: yellow;
			}
		</style>
	</head>

	<body>
		<div class="box1"></div>
		<div class="box2"></div>
		<div class="box3"></div>
		<div class="box4"></div>
	</body>

</html>